@charset "utf-8";
/* CSS Document */


@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
  ::-moz-selection {
	  background:#ffe000;
      color: #fff;
   }
   ::selection {
	     background:#ffe000;
      color: #fff;
   }
#toptext{display:none !important;}
ul,li{list-style:none;}
body {
scrollbar-face-color:#FFFFFF; /*스크롤바의 색을 지정*/
scrollbar-track-color:#2d3645; /*배경 부분의 색을 지정*/

scrollbar-arrow-color:#FFFFFF; /*화살표 버튼의 색을 지정*/

scrollbar-highlight-color:#FFFFFF; /*스크롤바의 왼쪽과 위쪽의 안쪽 색을 설정*/
scrollbar-shadow-color:#FFFFFF; /*스크롤바의 오른쪽과 밑에 들어가는 안쪽 색 지정*/

scrollbar-3dlight-color:#2d3645; /*스크롤바의 왼쪽과 위쪽 바탕으로 들어가는 색 지정*/
scrollbar-darkshadow-color:#2d3645; /*스크롤바의 오른쪽과 밑에 그림자의 색을 지정*/
}
input, textarea, button {}

input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
  

	.leftNav_wrap { overflow:hidden;   height:100%; position:fixed; z-index:1000; left:0px; top:0px; }
.left_nav {  height:100%;  position:relative; overflow:hidden; line-height:0px; vertical-align:top; font-size:0px; }
.left_nav .wrap1 { float:left; overflow:hidden;  height:100%;  position:relative; font-size:0; }


/****************************************/
.section_warp_size{margin-left:174px; padding-right:90px; max-width:2000px;}

#quk_gary_size{position:fixed; right:0px; top:0px; background:#ddd; z-index:10; width:90px; height:1200px;}
   
@media (max-width: 1440px) {
	.section_warp_size{margin-left:174px; padding-right:70px; max-width:2000px;}

#quk_gary_size{position:fixed; right:0px; top:0px; background:#ddd; z-index:10; width:70px; height:1200px;}

}
  
 @media (max-width: 1280px) {
	 .navi{display:none;}
	 
.section_warp_size{margin-left:0px; padding-right:70px; max-width:2000px;}

#quk_gary_size{position:fixed; right:0px; top:0px; background:#ddd; z-index:10; width:70px; height:1200px;}	 
 }
  


.sub_section{float:left;}
 @media (max-width: 950px) {	 
 .section_warp_size{margin-left:0px; padding-right:0px; max-width:2000px;}

 .sub_section{ }
 #login_zones,#qu_k5{ display:none;}}

img{border:0px;}

#wap{}

.content {position:relative; width:750px;  height:600px; background:#000;}
.content .rolling li {height:350px}



#wap.visual01 .content .controls .pager {background-position:0 0;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
#wap.visual02 .content .controls .pager {background-position:0 -250px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
#wap.visual03 .content .controls .pager {background-position:0 -500px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
	
	
.content .controls {position: absolute; top:350px; left:0px; width:750px; margin:0 auto;}
.content .controls .pager {width:750px; height:250px; margin:0 auto;background:url(../images/nexty.jpg); background-repeat:no-repeat;}
.content .controls .pager a {display:block; float:left; width:250px; height:250px;  overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; background:url(../images/ov.png); opacity:0.0; filter:alpha(opacity=0); background-position:0 0px; background-size:100%;}

.content .controls .pager a:hover{ background:url(../images/ov.png); background-size:100%; opacity:0.7;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#000000; filter:alpha(opacity=70);
	
	background-position:-250px 0px;
	background-size:100%;}
.content .controls a{color:#fff; text-decoration:none; font-size:12px; text-align:center; }




#visual_on1{background:url(../images/11.jpg); background-repeat:no-repeat; background-size:100% ;display:block;}
#visual_on2{background:url(../images/22.jpg); background-repeat:no-repeat; background-size:100%;display:block;}
#visual_on3{background:url(../images/33.jpg); background-repeat:no-repeat; background-size:100%;display:block;}


.content .bx-controls-direction a {position:absolute; top:0px; right:20px;width:56px; height:100px; display: block; text-indent:-9999999px}
.content .bx-controls-direction a.bx-prev { right:37px;background:url(../images/p.png) no-repeat 0 0; filter:alpha(opacity=50);
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
opacity: 0.5;

-moz-opacity:0.5;



}
.content .bx-controls-direction a.bx-next { right:0px; background:url(../images/next.png) no-repeat 0 0;filter:alpha(opacity=50);
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
opacity: 0.5;

-moz-opacity:0.5;



}
.content .bx-controls-direction a.bx-prev:hover{ right:47px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;filter:alpha(opacity=100);

opacity: 1;

-moz-opacity:1;
}
.content .bx-controls-direction a.bx-next:hover{ right:10px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;filter:alpha(opacity=100);

opacity: 1;

-moz-opacity:1;
}

.sub_effsss{ position:absolute; top:0px; left:0px; padding:60px; border:5px solid rgba(255,255,255,0.0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; display:block;}
		.sub_effsss:hover{ position:absolute; top:50px; left:50px; padding:10px; border:5px solid rgba(255,255,255,0.5);-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.sub_effsss2{ position:absolute; top:250px; left:60px; width:274px; height:46px; overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;display:block;}
	.sub_effsss2 img{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.sub_effsss2 img:hover{ margin-top:-46px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.visual01{position:relative;}

	 @media (max-width: 1800px) {	
	 img{border:0px;}

#wap{}

.content {position:relative; width:600px;  height:480px ; background:#000;}
.content .rolling li {height:280px}
.content .controls {position: absolute; top:280px; left:0px ; width:600px; }
.content .controls .pager a {display:block; float:left; width:200px; height:200px;  overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; background:url(../images/ov.png); opacity:0.0; filter:alpha(opacity=0); background-size:100%;}


.content .controls .pager a:hover{ background:url(../images/ov.png); background-size:100%; opacity:0.7;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#000000; filter:alpha(opacity=70);background-size:100%;
	
	background-position:-200px 0px;}
#wap.visual01 .content .controls .pager {background-position:0 0;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
#wap.visual02 .content .controls .pager {background-position:0 -200px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
#wap.visual03 .content .controls .pager {background-position:0 -400px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
	
	

.content .controls .pager {width:600px; height:200px; margin:0 auto;background:url(../images/nexty.jpg); background-repeat:no-repeat; background-size:100%;}





.sub_effsss{ position:absolute; top:0px; left:0px; padding:50px; border:5px solid rgba(255,255,255,0.0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; display:block;}
		.sub_effsss:hover{ position:absolute; top:50px; left:50px; padding:0px; border:5px solid rgba(255,255,255,0.5);-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.sub_effsss2{ position:absolute; top:200px; left:60px; width:274px; height:46px; overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;display:block;}
	.sub_effsss2 img{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.sub_effsss2 img:hover{ margin-top:-46px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.visual01{position:relative;}

	 } @media (max-width: 1500px) {	
	  


.content {position:relative; width:450px;  height:360px; background:#000;}
.content .rolling li {height:210px}
.content .controls {position: absolute; top:210px; left:0px; width:450px; margin:0 auto;}
.content .controls .pager a {display:block; float:left; width:150px; height:150px;  overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; background:url(../images/ov.png); opacity:0.0; filter:alpha(opacity=0);background-size:100%; }


.content .controls .pager a:hover{ background:url(../images/ov.png); background-size:100%; opacity:0.7;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#000000; filter:alpha(opacity=70);
	
	background-position:-150px 0px;background-size:100%;}
#wap.visual01 .content .controls .pager {background-position:0 0;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
#wap.visual02 .content .controls .pager {background-position:0 -150px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
#wap.visual03 .content .controls .pager {background-position:0 -300px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
	
	
.content .controls {position: absolute; top:210px !important; left:0px; width:450px; margin:0 auto;}
.content .controls .pager {width:450px; height:150px; margin:0 auto;background:url(../images/nexty.jpg); background-repeat:no-repeat; background-size:100%;}





.sub_effsss{ position:absolute; top:0px; left:0px; padding:20px; border:5px solid rgba(255,255,255,0.0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; display:block; width:200px;}
		.sub_effsss:hover{ position:absolute; top:20px; left:20px; padding:0px; border:5px solid rgba(255,255,255,0.5);-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.sub_effsss2{ position:absolute; top:140px; left:20px; width:274px; height:46px; overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;display:block;}
	.sub_effsss2 img{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.sub_effsss2 img:hover{ margin-top:-46px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.visual01{position:relative;}




.content .bx-controls-direction a {position:absolute; top:-30px; right:20px;width:56px; height:100px; display: block; text-indent:-9999999px}
	  
	  }
	  
	  
	   @media (max-width: 900px) {	
	  


.content {position:relative; width:100%;  height:210px; overflow:hidden; background:#000;}
.content .rolling li {height:210px}

.content .controls .pager a {display:none; float:left; width:150px; height:150px;  overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; background:url(../images/ov.png); opacity:0.0; filter:alpha(opacity=0);background-size:100%; }


.content .controls .pager a:hover{ background:url(../images/ov.png); background-size:100%; opacity:0.7;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#000000; filter:alpha(opacity=70);
	
	background-position:-150px 0px;background-size:100%;}
	.pager{display:none; }
#wap.visual01 .content .controls .pager {background-position:0 0;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
#wap.visual02 .content .controls .pager {background-position:0 -150px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
#wap.visual03 .content .controls .pager {background-position:0 -300px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease}
	
	
.content .controls {position: relative; width:450px; margin:0 auto;}
.content .controls .pager {width:450px; height:150px; margin:0 auto;background:url(../images/nexty.jpg); background-repeat:no-repeat; background-size:100%;}





.sub_effsss{ position:absolute; top:0px; left:0px; padding:20px; border:5px solid rgba(255,255,255,0.0);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; display:block; width:200px;}
		.sub_effsss:hover{ position:absolute; top:20px; left:20px; padding:0px; border:5px solid rgba(255,255,255,0.5);-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.sub_effsss2{ position:absolute; top:140px; left:20px; width:274px; height:46px; overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;display:block;}
	.sub_effsss2 img{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.sub_effsss2 img:hover{ margin-top:-46px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.visual01{position:relative;}




.content .bx-controls-direction a {position:absolute; top:-30px; right:20px;width:56px; height:100px; display:none; text-indent:-9999999px}
	  
	  }
	


#wap_2{ position:relative; width:750px;}

.content_2s {position:relative; width:750px;  height:250px; background:#000; overflow:hidden}
.content_2s .rollings_2 li {height:250px}



.content_2s .bx-controls-direction a {position:absolute; top:0px; right:20px;width:56px; height:100px; display: block; text-indent:-9999999px; z-index:999;}
.content_2s .bx-controls-direction a.bx-prev { right:37px;background:url(../images/p.png) no-repeat 0 0; filter:alpha(opacity=50);
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
opacity: 0.5;

-moz-opacity:0.5;



}
.content_2s .bx-controls-direction a.bx-next { right:0px; background:url(../images/next.png) no-repeat 0 0;filter:alpha(opacity=50);
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
opacity: 0.5;

-moz-opacity:0.5;



}
.content_2s .bx-controls-direction a.bx-prev:hover{ right:47px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;filter:alpha(opacity=100);

opacity: 1;

-moz-opacity:1;
}
.content_2s .bx-controls-direction a.bx-next:hover{ right:10px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;filter:alpha(opacity=100);

opacity: 1;

-moz-opacity:1;
}



.box_inter{ width:350px; height:250px; background:rgba(0,0,0,0.5); position:absolute; right:0px; top:0px; z-index:100;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.box_inter:hover{  background:rgba(0,0,0,0.8);-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; position:absolute; right:0px; top:0px; z-index:100;}
.box_inter img{ padding-top:80px;}
.movie_effs{width:750px; height:350px; background:url(../images/movie.jpg); background-repeat:no-repeat; background-size:100%;}
.movie_effs img{display:block; margin:0 auto;}

.move_eff_over{transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg); display:block;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; opacity:0.8;}
.move_eff_over:hover{transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
display:block;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  opacity:1;}
	.mar_movers{padding-top:100px;}
	.black_movie{width:750px; height:350px; background:#000;}
	
	
		 @media (max-width: 1800px) {	
		 
		 
		#wap_2{ position:relative; width:600px;}

.content_2s {position:relative; width:600px;  height:200px; background:#000;}
.content_2s .rollings_2 li {height:200px}




.box_inter{ width:300px; height:200px; background:rgba(0,0,0,0.5); position:absolute; right:0px; top:0px; z-index:100;}
.box_inter img{ padding-top:50px;}
.movie_effs{width:600px; height:300px; background:url(../images/movie.jpg)50%; background-repeat:no-repeat; background-size:110%;}
.movie_effs img{display:block; margin:0 auto;}


	.mar_movers{padding-top:60px;}
	.black_movie{width:600px; height:280px; background:#000;}

		 } @media (max-width: 1500px) {	
		 
		 
		#wap_2{ position:relative; width:450px;}

.content_2s {position:relative; width:450px;  height:150px; background:#000;}
.content_2s .rollings_2 li {height:150px}




.box_inter{ width:150px; height:150px; background:rgba(0,0,0,0.5); position:absolute; right:0px; top:0px; z-index:100;}
.box_inter img{ padding-top:50px;}
.movie_effs{width:450px; height:210px; background:url(../images/movie.jpg)50%; background-repeat:no-repeat; background-size:110%;}
.movie_effs img{display:block; margin:0 auto;}


	.mar_movers{padding-top:20px;}
	.black_movie{width:450px; height:210px; background:#000;}

.inter_size{width:100px;}

.content_2s .bx-controls-direction a {position:absolute; top:-20px; right:20px;width:56px; height:100px; display: block; text-indent:-9999999px; z-index:999;}

		 }
		 
		 
 @media (max-width: 900px) {	
		 
		 
		#wap_2{ position:relative; width:100%;}

.content_2s {position:relative; width:100%;  height: auto; background:#000;}
.content_2s .rollings_2 li {height: auto}

.rollings_2 li img{width:100%;}


.box_inter{ width:100%; height:150px; background:rgba(0,0,0,0.5); position: relative; right:0px; top:0px; z-index:100; }
.box_inter:hover{  width:100%; height:150px; background:rgba(0,0,0,0.5); position: relative; right:0px; top:0px; z-index:100;}
.box_inter img{ padding-top:50px;}
.movie_effs{width:100%; height:210px; background:url(../images/movie.jpg)50%; background-repeat:no-repeat; background-size:cover !important;}
.movie_effs img{display:block; margin:0 auto;}


	.mar_movers{padding-top:20px;}
	.black_movie{width:100%; height:210px; background:#000;}

.inter_size{width:180px; margin-top:-30px;}

.content_2s .bx-controls-direction a {position:absolute; top:-20px; right:20px;width:56px; height:100px; display:none; text-indent:-9999999px; z-index:999;}

		 }	
		 
		 
		 
		 
		 
		 /***********메인아래************************************/




.fast_section{width:100%; height:380px; position:relative; overflow:hidden;
background:url(../img/main/fast_bg.jpg)50% ;


filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/fast_bg.jpg', sizingMethod='scale'); 
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/fast_bg.jpg', sizingMethod='scale')";
 }
 .board_all_bgs{width:100%; height:200px; position:relative; 
background:url(../img/all/board_all.jpg)50% ;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/fast_bg.jpg', sizingMethod='scale'); 
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/fast_bg.jpg', sizingMethod='scale')";
 }
 
 
 @media (max-width: 950px) {	
 .fast_section{width:100%; height:580px;  position:relative; overflow:hidden;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
background:url(../img/main/fast_bg.jpg)50% ;


filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/fast_bg.jpg', sizingMethod='scale'); 
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/fast_bg.jpg', sizingMethod='scale')";





 }
 
  .board_all_bgs{ display:none;}
 
 
 
 
 }
 
 .map_section{width:100%; height:500px; position:relative; 
background:url(../img/main/map_footer.jpg)50% ;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/map_footer.jpg', sizingMethod='scale'); 
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/map_footer.jpg', sizingMethod='scale')";
 }
.map_texts{position:absolute; top:50px; left:50%; margin-left:-600px;}

 @media (max-width: 900px) {	
 .map_section{width:100%; height:400px; position:relative; 
background:url(../img/main/map_footer.jpg)50% ;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/main/map_footer.jpg', sizingMethod='scale'); 
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main/map_footer.jpg', sizingMethod='scale')";
 }
 
 .map_texts { width:300px;}
.map_texts{position:absolute; top:50px; left:50%; margin-left:-150px; opacity:0;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.map_texts:hover{position:absolute; top:50px; left:50%; margin-left:-150px; opacity:1;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
 
 }
 .inters{float:left; width:50%; max-width:1000px;  overflow:hidden;}
#text_inters{ width:50%; height: auto;  background:#a6797e;}


 @media (max-width: 900px) {	

.inters{float:left; width:100%; max-width:1000px;max-height:450px; height:auto; overflow:hidden;}
#text_inters{ width:50%; height: auto; display:none;  background:#a6797e;}

 }
 
 
#fast_form_pop{ width:100%; position:absolute; top:50px; right:-100px; max-width:800px; }
.btn_fast_s{ width:100%; background:#8d8d8d;  height:155px; border-radius:0px; margin-top:0px;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

.btn_fast_s:hover{ width:100%; background:#8072a7;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  height:155px; border-radius:0px; margin-top:0px;}

.fast_forms{ width:100%;  height:50px; line-height:50px; border:none; margin:2px; color:#999;}
.fast_forms2{width:100%;  height:50px; line-height:50px;border:none; margin:2px; color:#999;}

.qu_counsel{position:fixed; bottom:0px; right:0px;}


	#senddddd{padding-top:50px;}
	
@media (max-width: 900px) {	
.btn_fast_s{ width:100%; background:#8d8d8d;  height:55px; border-radius:0px; margin-top:0px;}
#fast_form_pop { width:100%; position: relative; top:50px; right:0px; max-width:300px;}
#wr_content #wr_subject #wr_name{ max-width:300px;}
.qu_counsel{position:fixed; bottom:90px; right:0px;}
	#senddddd{padding-top:0px;}	

}

.divpop2 {z-index:1000; position:fixed; bottom:100px; left:0px;  height:120px; visibility:visible; display:block;}

.fast_form_free{ float:left; margin:2%; }
#fast_1form{ width:30%;}
#fast_2form{ width:30%;}
@media (max-width:900px) {
	.fast_form_free{ float:left; margin:0  auto; max-width:95%;  }
#fast_1form{ width:100%;}
#fast_2form{ width:100%;}
.divpop2 {z-index:1000; position:fixed; bottom:30px; left:50px;  height:120px; visibility:visible; display:block;}
}










.logo_op{
    animation-name: logo_opef; 
    animation-duration:  0.8s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;

	opacity:1;
	animation-timing-function :ease-out ;
  
    animation-delay: 0.2s;
	animation-fill-mode:forwards;




	}

@keyframes logo_opef {
    from {opacity:1; }
	
	 to {opacity:0; }
}


.noto {
    font-family: 'Noto Sans Korean', sans-serif; font-weight:100;
}

.noto2 {
    font-family: 'Noto Sans Korean', sans-serif; 
}
.mj{font-family: 'Nanum Myeongjo', serif;


}


html{overflow-x:hidden !important;  }
body{overflow-x:hidden !important; font-size:12px;  }































/**상단바로가기***/
.logo_op{width: auto; position:relative; left:50%; margin-left:-600px;}

.logo_op{
    animation-name: logo_opef; 
    animation-duration:  0.8s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
   
	opacity:1;
	animation-timing-function :ease-in-out;
  
    animation-delay: 0.2s;
	animation-fill-mode:forwards;




	}

@keyframes logo_opef {
    from {opacity:1; }
	
	 to {opacity:0; }
}



 .top_scroll_container { display:none; right:20px; bottom:50px; position:fixed;  z-index:1000000000000000 !important; }
		.top_scroll_container .top_scroll_wrapper { top:30px; width:41px; height:41px; overflow:hidden; position:relative; }
		
		.top_scroll_container .top_scroll_wrapper .top_s_arrow { top:0px; left:0px; position:relative; z-index:10000; }
		
	
/****************/
@media (max-width: 600px) {
	
	.top_scroll_container { display:none; right:10px; bottom:100px; position:fixed;  z-index:1000000000000000 !important; }
	

}




/**상단바로가기***/

.lat_top{position:absolute; top:2px; left:208px; }

/**상단팝업***/
	.topBanWrap {display:none; position: fixed; top:60px; z-index:1000000; width:100%; height:1200px; /*no-repeat center top;/* background:yellow;*/ overflow:hidden; background-size:cover; background:url(../img/pop_bg.png);}
.top_contents{ width:100%; margin:0 auto;}
	
	#topBanBtn {width:100%; max-width:108px; cursor:pointer; position: relative; height:37px;}
	#topBanBtn img{ position:absolute; right:0px;  top:0px;}



	#tels{position:absolute; top:50px; right:50%; margin-right:-600px; z-index:1;}
	.sc_fom{z-index:10000  !important; position:absolute; top:20px; right:50%; margin-right:-400px;}
	


/**상단팝업***/





/*********메뉴시작**********/

.vivivi{display:none;}

#header_wrap{    animation-name: top_main_potss1; 
    animation-duration: 0.8s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
 
	opacity:0;
  
    animation-delay:  0.8s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;}

@keyframes top_main_potss1 {
    from {opacity:1; top:0px; }
	 to {opacity:0.0; top:-90px;    }
}





#qu_k {
    animation-name: top_main_potss2; 
    animation-duration:  0.8s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
  animation-timing-function :ease-in-out;
	opacity:0;
  
    animation-delay: 0s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_main_potss2 {
    from {opacity:1; right:0px; }
	 to {opacity:0.0; right:-88px;  }
}





.navi{
    animation-name: top_main_potss5; 
    animation-duration:  0.9s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
  animation-timing-function :ease-in-out;
	opacity:0;
  
    animation-delay: 0s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_main_potss5 {
    from {opacity:1; left:0px; }
	 to {opacity:0.0; left:-88px;  }
}




#loggogos{ position:fixed;  left:20px;  z-index:600!important;}
  #loggogos{
    animation-name: top_loggogos; 
    animation-duration: 1.5s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
    animation-timing-function :ease-in-out;
	opacity:0;
  
    animation-delay: 1.5s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_loggogos {
    from {opacity:1; left:20px;}
	 to {opacity:0; left:-350px;}
}
 #top_linkss a{border-bottom: 1px solid #fff; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ; text-decoration:none;}
 #top_linkss a:hover{border-bottom: 7px solid #333; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ; color: #999;}
 #top_linkss{font-size:15px; position:absolute; top:50px; width:450px; left:35%; margin-left:-300px;  }
  #top_linkss{
    animation-name: top_linkssef; 
    animation-duration: 1.5s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
    animation-timing-function: linear;
	opacity:0;
  
    animation-delay: 0.5s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_linkssef {
    from {opacity:1; margin-left:-300px;}
	 to {opacity:0; margin-left:-350px;}
}



/*2d3645메인컬러*/
       .all_menu{position: relative; z-index:1000;}
        
       
        #menu-container {
			position: relative;
			top:0px !important;
            
           background:#fff;
            
            width:100%;
         
			border-top:5px solid #fbf6f7;
            
          webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
            
            -webkit-transition: padding-left 200ms linear;
            -moz-transition: padding-left 200ms linear;
            -ms-transition: padding-left 200ms linear;
            -o-transition: padding-left 200ms linear;
            transition: padding-left 200ms linear;
				
        }
		
		
		  


        #menu-container.fixed {
			position:fixed;
            padding-left: 70px;
			top:0px !important;
			
          background:#fff;
			/*background:#313946;*/
            /*-webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
            box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);*/
				 webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
			height:60px;
			overflow:hidden;
			z-index:999 !important;
			
			
			
        }
		
		
	
	#menu-container.fixed .nav_plus_wrap_plus{position: relative; left:100px; margin-left:0px;}
		 #menu-container.fixed #nav_plus ul { position: fixed;  display: none; background:url(../img/menu/navi_bg.jpg);border-bottom:0px solid #595959; text-align:center; font-size:12px; font-weight:bold; top:65px; width:100%; left:0px; padding:20px 0 0px 0; z-index:999; min-height:120px; z-index:10000000; } 
        #menu-container .menu-item {
            font-size: 1.4em;
            font-weight: bold;
            color: #fff;
        }
        #menu-container .menu-icon {
            display: block !important;
            position: absolute;
            left: -100px;
            top: 14px;
			
            
            font-size: 1.6em;
            font-weight: bold;
            color: #fff;
            
            -webkit-transition: left 300ms linear;
            -moz-transition: left 300ms linear;
            -ms-transition: left 300ms linear;
            -o-transition: left 300ms linear;
            transition: left 300ms linear;
        }
		   #menu-container .menu-icon2.on {
              
			  right: 50px !important; top:-20; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
	
	z-index:10000;
            
            -webkit-transition: left 300ms linear;
            -moz-transition: left 300ms linear;
            -ms-transition: left 300ms linear;
            -o-transition: left 300ms linear;
            transition: left 300ms linear;
        }
        #menu-container .menu-icon.on {
            left: 50px; top:-20; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
	
	z-index:10000;
	
			
			
        }
		      #menu-container .menu-icon.on:hover {
            left: 50px; top:-20; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;	
	
				transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg)
		
			
        }
		.180over:hover {
           -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;	
	
				transform: rotate(-90deg);-o-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg)
		
			
        }
	
		
		  #menu-container .menu-icon2.on {
            left: 15px;
			display:none;
        }
        
        #blog-container {
            margin-top:0px;
            padding: 0px;
        }





/**** 메뉴 제이쿼리 css **/

.nav_plus_all_wrap{width:100%;  z-index:5100; height:60px; border-bottom:0px solid #9d6bbd; top:0px; position:relative;  background:#fff;  }





.nav_plus_wrap_plus{position: absolute; left:50%; margin-left:-570px;}
li,ul{margin:0px; padding:0px; border:0px;}

/* @group core nav_plus menu */
#nav_plus { margin: 0; padding: 0; list-style: none;  height: 60px; z-index:100; }
#nav_plus li { float: left; display: block; position: relative; z-index: 999; 
background:url(../img/menu/menu_ov.jpg);   background-position:0px 0px;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; width:auto; width:150px; } 
#nav_plus li:hover { float: left; display: block;  background:url(../img/menu/menu_ov.jpg);   background-position:-60px -60px;  position: relative; z-index: 999; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }

#nav_plus li a { display: block; color:#CCC;   font-family: 'Noto Sans Korean', sans-serif;}


/* @group subnav_plus */
#nav_plus ul { position: fixed;  display: none; background:url(../img/menu/navi_bg.jpg); border-top:3px solid #fbf6f7;  font-size:12px; font-weight:bold; top:175px; width:100%; left:0px; padding:0px 0 0px 0; z-index:999; min-height:120px; } 	
#nav_plus ul li {  float: left; text-align: left; }



#nav_plus ul a { display: block; text-decoration:none; height:40px; line-height:16px; color:#666;  width:100%; margin:0 auto;   background:url(../img/menu/navi_bg.jpg)!important; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ; font-size:16px !important; padding-left:0px;   font-family: 'Noto Sans Korean', sans-serif; padding-top:20px;}

#nav_plus ul a:hover { text-decoration: none;  background:url(../img/menu/navi_bg.jpg) !important; color:#d8a7b0; width:100%; margin:0 auto; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ; padding-left:5px;  }


.sub_sizes{opacity:1!important; width:100%; position: relative; left:50%; margin-left:-600px;  max-width:1200px !important; }
.sub li{opacity:1!important;}


.none_nav_plus_size{  height:100%;-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ; cursor:pointer; }
.none_nav_plus_size:hover{-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ;background:url(../images/menu_bg_over.png);  opacity:0.8;}



/**
.op7{position:absolute; top:20px; left:900px; width:150px; height:100%; background-repeat:no-repeat;}
**/
.nav_plus_all_wrap div {float:left;}

.menu_imgs{padding-bottom:0px; border-bottom:1px solid #f6f6f6;}
.none_nav_plus_size span.noto_menu a{font-family: 'Noto Sans Korean', sans-serif; line-height:60px; text-align:center; font-size:16px; font-weight:400; border-right: 1px solid rgba(234, 234, 234, 0.1); }
.m_mar{display:none;}
/*
span.noto_menu a{background:url(../img/menu/menu_ov.jpg);width:100%; height:60px; background-position:0px 0px;
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ;}
span.noto_menu a:hover{background:url(../img/menu/menu_ov.jpg); width:100%; height:60px;  background-position:-60px -60px;
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease ; }
/*****메뉴css 끝***/

.m_top_qu{display:none;}
@media (max-width: 1920px) {
	
}
@media (max-width: 1680px) {
#nav_plus li { float: left; display: block; position: relative; z-index: 999; 
background:url(../img/menu/menu_ov.jpg);   background-position:0px 0px;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; width:auto; width:120px; } 
#nav_plus li:hover { float: left; display: block;  background:url(../img/menu/menu_ov.jpg);   background-position:-60px -60px;  position: relative; z-index: 999; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }	
}
@media (max-width: 1600px) {
	
}
@media (max-width: 1440px) {
	
	
	.logo_op{width: auto; position:relative; left:50%; margin-left:-600px;}


	
		#tels{position:absolute; top:50px; right:50%; margin-right:-550px; z-index:1;}
	.sc_fom{z-index:10000  !important; position:absolute; top:20px; right:50%; margin-right:-350px;}
	
	
	 #top_linkss{font-size:15px; position:absolute; top:50px; width:450px; left:50%; margin-left:-200px; }
	 
  #top_linkss{
    animation-name: top_linkssef; 
    animation-duration: 1.5s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
    animation-timing-function: linear;
	opacity:0;
  
    animation-delay: 0.5s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}
	@keyframes top_linkssef {
    from {opacity:1; margin-left:-200px;}
	 to {opacity:0; margin-left:-250px;}
}

 .all_menu{position:absolute; left:0px;  z-index:1000;}
        
       
  

}
@media (max-width: 1280px) {

.logo_op{width: auto; position:relative; left:50%; margin-left:-480px;}



	#tels{position:absolute; top:50px; right:50%; margin-right:-350px; z-index:1;}
	.sc_fom{z-index:10000  !important; position:absolute; top:20px; right:50%; margin-right:-100px;}
	
	

	
}
@media (max-width: 1200px) {
.m_top_qu{display:block;}
.none_1200{display:none;}
	
	.nav_plus_all_wrap{width:100%;  z-index:5100; height:68px; border-bottom:0px solid #9d6bbd; top:0px; left:50%; margin-left:-450px; position:relative; min-width:900px; display:none; }

	
}


@media (max-width: 1024px) {
	
}
	
@media (max-width: 950px) {
	.m_mar{display: block;}
	#loggogos{ position:fixed; top:0px !important;  left:20px;  z-index:600!important;}
	.lat_top{position: relative; top:0px; left:0px; width:100%; border-top:1px solid #f1f1f1; padding:7px 0 0px 0; display:block; margin:0 auto; display:none;}
	.none{display:none;}
	.logo_op{position:relative; left:0%; margin-left:0px; display: block; }



	#tels{position:absolute; top:-28px; right:5% !important; margin-right:-1px; z-index:1;}
	#tels span{font-size:15px !important;}
	.sc_fom{z-index:10000  !important; position:absolute; top:80px; right:50% !important; margin-right:-170px; width:300px; display:none;}
	
	
	 #top_linkss{font-size:13px; position:absolute; top:30px; width:350px; left:50%; margin-left:-200px; display:none; }
	
		
.top_contents{ width:100%; margin:0 auto;}
	
	#topBanBtn {width:100%; max-width:108px; cursor:pointer; position: relative; height:37px;z-index:1000;}
	#topBanBtn img{ position:absolute; right:0px;  top:0px;}
	
	
	/**상단팝업***/
}
	
@media (max-width: 640px) {


}
@media (max-width: 480px) {
	
}
@media (max-width: 320px) {
	
}


		

/*** 이벤트 레이어*****/



.btn_eff_x{
	background:url(../img/top/header_all_btn2.png); width:50px; height:50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; background-size:cover;}
.btn_eff_x:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	


/*** 이벤트 레이어 끝*****/



/*********메뉴끝**********/

/******모바일 메뉴*******/
	
	
#member_zone{ position:absolute; top:5px; right:5px; width: auto;}

.icons{  width:50px; height:49px; overflow:hidden; position: fixed; right:100px; top:10px; z-index:1000; }
.icons2{  width:50px; height:49px; overflow:hidden; position: fixed; right:150px; top:10px; z-index:1000; }

	



#main_navi{position: absolute;  right:30px;z-index:10000 !important; width:36px; height:50px; background:url(../img/m_m.png); display:none;}



.main_na{ position:fixed; top:5px; right:0px;}	
#wrap{
	position:relative;
	left:0;
	width:100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
}
#wrap.mobile_gnbOpen{left:-118px}




#mobile_gnb{position: relative;top:0;right:0;width:99%;height:100%;text-align:left;z-index:5000000000000000000000 !important;display:none}
#mobile_gnb .mobile_gnb_wrap{
	position: fixed;
	top:0;
	right:-300px;
	width:700px;
	height:100%;
	background:#fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:100000000000000000000000000;
	opacity:0;
}
#mobile_gnb .mobile_gnb_wrap.open{right:0;}

#mobile_gnb .mobile_gnb_wrap.open{
    animation-name: top_main_navi_op; 
    animation-duration: 0.5s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
  
	
  
    animation-delay: 0.0s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes top_main_navi_op {
    from {opacity:1; }
	 to {opacity:0; 
	
}
}

#mobile_gnb .mobile_gnb_wrap.default{right:-300px; opacity:1;}
#mobile_gnb .mobile_gnb_bg{position:fixed;top:0;left:0;width:100%;height:100%}


#header .mobile_btn{display:block}

.m_map_size{height:auto;}
@media (max-width: 1200px) {
	
	#main_navi{position: fixed; top:40px;  right:20px !important;z-index:1000 !important; width:36px; height:50px; background:url(../img/m_m2.png); display:block;}}
@media (max-width: 900px) {
	


	 
#mobile_gnb{position: relative;top:0;right:0;width:99%;height:100%;text-align:left;z-index:5000000000000000000000000 !important;display:none}
#mobile_gnb .mobile_gnb_wrap{
	position: fixed;
	top:0;
	right:-300px;
	width:100%;
	height:100%;
	background:#fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:100000000000000000000000000 !important;
}
#mobile_gnb .mobile_gnb_wrap.open{right:0}
#mobile_gnb .mobile_gnb_wrap.default{right:-300px}
#mobile_gnb .mobile_gnb_bg{position:fixed;top:0;left:0;width:100%;height:100%}


#header .mobile_btn{display:block}
.m_map_size{max-height:500px; overflow-y:scroll; overflow-x:hidden;}
 }


/******모바일 메뉴*******/




/*******이벤트존***********/


.main_event_zone div{position:relative;*zoom:1; }
.ca-nav{ width:100%;margin:0 auto;z-index:10; max-width:1293px;  }



/* Circular Content Carousel Style */
.main_event_zone{
	position:relative;
	
	width:100%;
	max-width:1293px;
	height:420px;
	
	
}
.event_zone{
	width:100%;
	height:100%;
	position:relative;
}
.event_zone img{width:100%; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; margin-top:0; margin-left:0;}
.event_zone img:hover{width:105%;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; margin-top:-2.5%; margin-left:-2.5%; opacity:0.7; transform: rotate(25deg);-o-transform: rotate(25deg);-moz-transform: rotate(25deg);-webkit-transform: rotate(25deg)}
.event_s{
	min-width:331px; min-height:522px;
	position:relative;
	float:left;
	width:100%;
	max-width:331px !important;
	height:100%;
	text-align:center;
	
	overflow:hidden;
	
}


	
	.ca-nav-prev{ position:absolute; right:50px; top:0px; width:50px;height:50px;background:url('../img/prev2.png') no-repeat;text-indent:-9000px;cursor:pointer;background-size: cover;}
.ca-nav-next{position:absolute; right:0px; top:0px;  width:50px;height:50px;background:url('../img/next2.png') no-repeat;text-indent:-9000px;cursor:pointer;background-size: cover;}
.ca-nav-prev:hover,.ca-nav-next:hover{ top:-4px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
@media (max-width: 1700px) {
	.ca-nav{ width:100%; margin:0 auto;z-index:10; max-width:1200px; }



/* Circular Content Carousel Style */
.main_event_zone{
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:296px;
	
	
}
.event_zone{
	width:100%;
	height:100%;
	position:relative;
}
.event_zone img{width:100%; }
.event_s{
	position:relative;
	float:left;
	width:100%;
	max-width:300px !important;
	height:100%;
	text-align:center;
	min-width:300px; min-height:296px;
	
}


	
	}


@media (max-width: 900px) {
	
	
	.ca-nav-prev{ position:absolute; left:0px; top:0px; width:40px;height:40px;background:url('../img/prev2.png') no-repeat;text-indent:-9000px;cursor:pointer;background-size:100%;}
.ca-nav-next{position:absolute; right:0px; top:0px;  width:40px;height:40px;background:url('../img/next2.png') no-repeat;text-indent:-9000px;cursor:pointer;background-size:100%;}

	
	/* Circular Content Carousel Style */
.main_event_zone{
	position:relative;
	margin:0 auto;
	width:300px;
	height:296px;
	padding-top:20px;
	
	

	
}
.event_s{
	position:relative;
	float:left;
	width:25% !important;
	height:100%;
	
	text-align:center;
}

.event_s img{width:100%; max-height:296px;}
}
/**************************/





/**라테스트***/


#board_main{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:450px;}
.main_board{ max-width:1700px; margin:0 auto; padding-top:30px; }

.main_board li{float:left; width:33.3%;     }
.marauto {margin:0 auto; width:100%; max-width:320px; padding:10px; line-height:15px !important; min-height:150px;}
.board_texts { display:block; margin:0 auto;}

@media (max-width: 1250px) {
#board_main{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:450px;}
.main_board{ max-width:1000px; margin:0 auto; padding-top:30px;}

.main_board li{float:left; width:33.3%;   }
.marauto {margin:0 auto; width:100%; max-width:320px; padding:10px; line-height:15px !important;}
.board_texts {display:block; margin:0 auto;}
	
	
}

@media (max-width: 950px) {
	

#board_main{ width:100%;background:#f5f5f5; padding:30px; height:100%; min-height:auto;}
.main_board{ width:100%; margin:0 auto; padding-top:30px;}

.main_board li{float:left; width:100%;  min-width:300px;  }
.marauto {margin:0 auto; width:100%; max-width:300px; padding:0px; display:block;}
.board_texts { margin:0 auto; display:block;}

}

/**라테스트***/














/*****메인비주얼***/

.main_text1{font-family: 'Nanum Myeongjo', serif; font-size:60px;  color:#fff; word-break:break-all; /*text-shadow: 1px 1px 1.5px #333;*/}
.main_text2{font-family: 'Nanum Myeongjo', sans-serif; font-size:26px; letter-spacing:10px; text-transform:uppercase; color:#fff;word-break:break-all;/*text-shadow: 1px 1px 1.5px #333;*/}
.main_text3{font-family: 'Nanum Myeongjo', sans-serif;  font-size:7px;color:#fff;word-break:break-all;text-transform:uppercase; color:#fff;word-break:break-all;letter-spacing:0px;} 
.main_text4{font-family: 'Noto Sans Korean', sans-serif;  font-size:18px;color:#fff;word-break:break-all; font-weight:300;}

.scction{width:100%; height:830px; overflow:hidden !important;}
.scction{
    animation-name: .scction_eff; 
    animation-duration: 2s;
    animation-iteration-count:1;/* infinite;*/
    animation-direction: reverse;
    animation-timing-function: linear;
	opacity:0;
  
    animation-delay: 0.5s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes .scction_eff {
    from {opacity:1; height:0px;  }
	 to {opacity:0; height:80px;  }
}

.main_color{background:#151521; height:100%; min-height:800px;}
.jnk_jnk_content2visual .page{position:absolute; bottom:-30px;z-index:100; width:90%; max-width:1000px; -webkit-transition: all 0.5s ease; height:100px; left:50%;
margin-left:-500px;
	}
.jnk_jnk_content2visual .page li{display:inline; line-height:38px;   }
.jnk_jnk_content2visual .page li a{display:inline-block;zoom:1;*display:inline;width:160px;height:38px;margin:0px;overflow:hidden ;background:url(../img/menu/menu_ov.jpg);   background-position:0px 0px;  text-decoration:none; font-weight:bolder;  text-align:center;  font-size:14px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#CCC; }
.jnk_jnk_content2visual .page li.actived a{background:url(../img/menu/menu_ov.jpg);   background-position:167px 167px;  color:#fff;  height:39px; width:160px;
 opacity:1;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; border:0px solid #527ccc;}
.jnk_jnk_content2visual .page li a:hover{background:url(../img/menu/menu_ov.jpg);   background-position:58px 58px;  color:#fff;  height:39px; width:160px;
 opacity:0.8;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; border:0px solid #527ccc;}
	
	
	
	
	

.jnk_jnk_content2visual .visual_wrap > a{position:absolute; top:380px;z-index:500;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}


.jnk_jnk_content2visual .visual_wrap > a.btn_left{ left:150px; position:absolute; }
.jnk_jnk_content2visual .visual_wrap > a.btn_right{ right:100px; position:absolute; }



.jnk_jnk_content2visual{position:relative; width:100%; margin-top:0px;height:100%;  min-height:800px; -webkit-overflow-scrolling :touch;overflow-scrolling :touch}
.jnk_jnk_content2visual .visual_wrap{position:relative;   height:100%;  min-height:800px; overflow:hidden;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.jnk_jnk_content2visual .visuals{position:relative;}
.jnk_jnk_content2visual .vi_wrap{position:absolute;top:0px;left:0px;width:100%;height:100%; min-height:800px;overflow:hidden}
.jnk_jnk_content2visual .vi_wrap > div{position:relative;height:100%; min-height:800px;}
.jnk_jnk_content2visual .vi_wrap .all_text{position:absolute;top:0;text-align:center;z-index:10}
.jnk_jnk_content2visual .vi_wrap .all_imgs p{position: absolute;}
.jnk_jnk_content2visual .vi_wrap .all_imgs img{}



.all_imgs p{}

.jnk_jnk_content2visual .jnk_contents01 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents02 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents03 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents04 {background:url(../img/main/bgbg.jpg); }

.img01{ top:0px; left:0px; position: relative; background:url(../img/1.jpg) 50%; width:100%; height:100%; padding-right:50px;  min-height:800px; }
.img01_2{ top:0px; left:0px; position: relative; background:url(../img/1_2.jpg) 50%; width:100%; height:100%; padding-right:50px;  min-height:800px;}
.img02{ top:0px; left:0px; position: relative; background:url(../img/2.jpg) 50%; width:100%; height:100%; min-height:800px; padding-right:50px;}
.img02_2{ top:0px; left:0px; position: relative; background:url(../img/2_2.jpg) 50%; width:100%; height:100%; padding-right:50px;  min-height:800px;}
.img03{ top:0px; left:0px; position: relative; background:url(../img/3.jpg) 50%; width:100%; height:100%; min-height:800px;  padding-right:50px;}
.img03_2{ top:0px; left:0px; position: relative; background:url(../img/3_2.jpg) 50%; width:100%; height:100%; padding-right:50px;  min-height:800px;}
.img04{ top:0px; left:0px; position: relative; background:url(../img/8.jpg)50%; width:100%; height:100%; min-height:800px;}
.img04_2{ top:0px; left:0px; position: relative; background:url(../img/8_2.jpg)50%; width:100%; height:100%; min-height:800px;}

.img05{ top:0px; left:0px; position: relative; background:url(../img/9.jpg) 50%; width:100%; height:100%;min-height:800px;}

.img05_2{ top:0px; left:0px; position: relative; background:url(../img/9_2.jpg) 50%; width:100%; height:100%;min-height:800px;}

.img06{ top:0px; left:0px; position: relative; background:url(../img/10.jpg) 50%; width:100%; height:100%;min-height:800px;}

.img06_2{ top:0px; left:0px; position: relative; background:url(../img/10_2.jpg) 50%; width:100%; height:100%;min-height:800px;}


.img01,.img02,.img03,.img04,.img05,.img06 {
  animation-duration: 0.6s;
  animation-name: slidein;
  animation-timing-function:easeOutQuint;
  animation-timing-function :ease-in-out;

}

@keyframes slidein {
  from {
    margin-left:0%;
    width: 300%
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}






.jnk_jnk_content2visual .jnk_contents01 .all_text{left:50%; margin-left:-200px;top:220px; position:absolute; width:800px;}
.jnk_jnk_content2visual a {text-decoration:none !important;}

.jnk_jnk_content2visual .jnk_contents01 .jnk_text01{ }


.jnk_jnk_content2visual .jnk_contents01 .jnk_text02{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text04{}

.jnk_jnk_content2visual .jnk_contents02 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents02 .all_text{left:50%; margin-left:-600px;top:180px; position:absolute; }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents02 .jnk_text04{}

.jnk_jnk_content2visual .jnk_contents02 .jnk_text10{ position:absolute; right:50%; margin-right:-1000px;top:-30px; }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text11{ position:absolute; right:50%; margin-right:-1000px;top:170px; }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text12{ position:absolute; right:50%; margin-right:-1000px; top:370px;}

.jnk_jnk_content2visual .jnk_contents03 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents03 .all_text{left:15%; margin-left:0px;top:120px; position:absolute; max-width:784px; }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text01{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents03 .jnk_text05{ position:absolute; left:0px;top:400px; }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text06{ position:absolute; left:180px;top:400px; }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text07{ position:absolute; left:385px; top:400px;}


.jnk_jnk_content2visual .jnk_contents04 .all_imgs p{ }
.jnk_jnk_content2visual .jnk_contents04 .all_text{position:absolute; max-width:1300px; left:50%; margin-left:-530px }
.jnk_jnk_content2visual .jnk_contents04 .all_text p{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text01{ position:absolute; left:50%; margin-left:-200px; top:100px; width:600px;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text01 img{width:100%;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text02{ position:absolute; right:50%; margin-right:-1250px; top:100px; width:830px;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text02 img{width:100%;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text03{position:absolute; left:50%; margin-left:0px; top:680px;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text04{position:absolute; right:50%; margin-right:-650px; top:520px; }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text05{  position:absolute; right:50%; margin-right:-1150px; top:520px; }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text06{ position:absolute; right:50%; margin-right:-1150px; top:570px;  }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text07{position:absolute; right:50%; margin-right:-1150px; top:700px; }



.jnk_jnk_content2visual .jnk_contents05 .all_text{left:50%; margin-left:-400px;top:160px; position:absolute; width:800px;}

.jnk_jnk_content2visual .jnk_contents06 .all_text{left:50%; margin-left:-600px;top:160px; position:absolute; width:800px;}


.jnk_jnk_content2visual .jnk_contents06 .jnk_text05{ position:absolute; left:100px;top:400px; }
.jnk_jnk_content2visual .jnk_contents06 .jnk_text06{ position:absolute; left:280px;top:400px; }
.jnk_jnk_content2visual .jnk_contents06 .jnk_text07{ position:absolute; left:460px; top:400px;}











@media (max-width: 1920px) {
	
}
@media (max-width: 1680px) {
	
}
@media (max-width: 1600px) {
	
}
@media (max-width: 1440px) {
	
}
@media (max-width: 1280px) {


}
@media (max-width: 1024px) {
	
}
	
@media (max-width: 950px) {
	

.main_color{background:#151521; height:490px !important;  min-height:490px;}
	
.jnk_jnk_content2visual{position:relative; width:100%; margin-top:0px;height:30px !important; overflow:hidden;  min-height:490px; -webkit-overflow-scrolling :touch;overflow-scrolling :touch}
.jnk_jnk_content2visual .visual_wrap{position:relative;   height:100%;  min-height:490px; overflow:hidden;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.jnk_jnk_content2visual .visuals{position:relative;}
.jnk_jnk_content2visual .vi_wrap{position:absolute;top:0px;left:0px;width:100%;height:100%; min-height:490px;overflow:hidden}
.jnk_jnk_content2visual .vi_wrap > div{position:relative;height:100%; min-height:490px;}
.jnk_jnk_content2visual .vi_wrap .all_text{position:absolute;top:0;text-align:center;z-index:10}
.jnk_jnk_content2visual .vi_wrap .all_imgs p{position: absolute;}
.jnk_jnk_content2visual .vi_wrap .all_imgs img{}



.all_imgs p{}

.jnk_jnk_content2visual .jnk_contents01 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents02 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents03 {background:url(../img/main/bgbg.jpg); }
.jnk_jnk_content2visual .jnk_contents04 {background:url(../img/main/bgbg.jpg); }

.img01{ top:0px; left:0px; position: relative; background:url(../img/1.jpg) 20%; background-size:cover; width:100%; height:100%; padding-right:50px;  min-height:490px; background-size:cover;}
.img01_2{ top:0px; left:0px; position: relative; background:url(../img/1_2.jpg) 20%; width:100%; height:100%; padding-right:50px;  min-height:490px;background-size:cover;}
.img02{ top:0px; left:0px; position: relative; background:url(../img/2.jpg) 50%; width:100%; height:100%; min-height:490px; padding-right:50px;background-size:cover;}
.img02_2{ top:0px; left:0px; position: relative; background:url(../img/2_2.jpg) 50%; width:100%; height:100%; padding-right:50px;  min-height:490px;background-size:cover;}
.img03{ top:0px; left:0px; position: relative; background:url(../img/3.jpg) 70%; width:100%; height:100%; min-height:490px;  padding-right:50px;background-size:cover;}
.img03_2{ top:0px; left:0px; position: relative; background:url(../img/3_2.jpg) 70%; width:100%; height:100%; padding-right:50px;  min-height:490px;background-size:cover;}
.img04{ top:0px; left:0px; position: relative; background:url(../img/8.jpg)70%; width:100%; height:100%; min-height:490px;background-size:cover;}
.img04_2{ top:0px; left:0px; position: relative; background:url(../img/8_2.jpg)70%; width:100%; height:100%; min-height:490px;background-size:cover;}

.img05{ top:0px; left:0px; position: relative; background:url(../img/9.jpg) 10%; width:100%; height:100%;min-height:490px;background-size:cover;}

.img05_2{ top:0px; left:0px; position: relative; background:url(../img/9.jpg) 10%; width:100%; height:100%;min-height:490px;background-size:cover;}

.img06{ top:0px; left:0px; position: relative; background:url(../img/10.jpg) 80%; width:100%; height:100%;min-height:490px;background-size:cover;}

.img06_2{ top:0px; left:0px; position: relative; background:url(../img/10_2.jpg) 80%; width:100%; height:100%;min-height:490px;background-size:cover;}






.jnk_jnk_content2visual .page{position:absolute; top:460px !important;z-index:100; width:100px; -webkit-transition: all 0.5s ease; height:20px; left:50%;
margin-left:-50px;
	}
.jnk_jnk_content2visual .page li{display:inline; line-height:30px;   }
.jnk_jnk_content2visual .page li a{display:inline-block;zoom:1;*display:inline;width:10px;height:10px;margin:0px;overflow:hidden ; background:#333;     text-decoration:none; font-weight:bolder;  text-align:center;  font-size:12px;-webkit-transition: all 0.5s ease; border-radius:5px;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#CCC; }
.jnk_jnk_content2visual .page li.actived a,.jnk_jnk_content2visual .page li a:hover{background:#fff;   background-position:59px 59px;  color:#fff;  height:10px; width:010px;
 opacity:1;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; border:0px solid #527ccc;}
	
	
	
	
	

.jnk_jnk_content2visual .visual_wrap > a{position:absolute; top:180px;z-index:500;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}


.jnk_jnk_content2visual .visual_wrap > a.btn_left{ left:10px; position:absolute;}
.jnk_jnk_content2visual .visual_wrap > a.btn_right{ right:10px; position:absolute;}



.jnk_jnk_content2visual .jnk_contents01 .all_text{left:50%; margin-left:-150px;top:120px; position:absolute; width:300px; text-align:center;}
.jnk_jnk_content2visual a {text-decoration:none !important;}

.jnk_jnk_content2visual .jnk_contents01 .jnk_text01{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text01 img{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents01 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents01 .jnk_text04{}

.jnk_jnk_content2visual .jnk_contents02 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents02 .all_text{left:50%; margin-left:-150px;top:60px; position:absolute; width:300px;text-align:center; }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text01{}
.jnk_jnk_content2visual .jnk_contents02 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents02 .jnk_text03{}

.jnk_jnk_content2visual .jnk_contents02 .jnk_text04{}

.jnk_jnk_content2visual .jnk_contents03 .all_imgs p{}
.jnk_jnk_content2visual .jnk_contents03 .all_text{left:50%; margin-left:-150px;top:180px; position:absolute; width:300px;text-align:center; }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text01{}
.jnk_jnk_content2visual .jnk_contents03 .jnk_text02{ }
.jnk_jnk_content2visual .jnk_contents03 .jnk_text03{}
.jnk_jnk_content2visual .jnk_contents03 .jnk_text04{}
.jnk_jnk_content2visual .jnk_contents03 .jnk_text05{}

.jnk_jnk_content2visual .jnk_contents04 .all_imgs p{ }
.jnk_jnk_content2visual .jnk_contents04 .all_text{position:absolute; max-width:300px; left:50%; margin-left:-150px; }
.jnk_jnk_content2visual .jnk_contents04 .all_text p{}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text01{ position:absolute; left:50%; margin-left:-150px; top:100px; width:300px; display:none;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text01 img{width:100%;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text02{ position:absolute; right:50%; margin-right:-150px; top:100px; width:300px; display:none;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text02 img{width:100%;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text03{position:absolute; left:50%; margin-left:0px; top:150px; width:300px;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text04{position:absolute; right:50%; margin-right:-300px; top:180px;  display:none;}
.jnk_jnk_content2visual .jnk_contents04 .jnk_text05{  position:absolute; right:50%; margin-right:-300px; top:220px;width:300px; }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text06{ position:absolute; right:50%; margin-right:-300px; top:280px; width:300px; }
.jnk_jnk_content2visual .jnk_contents04 .jnk_text07{position:absolute; right:50%; margin-right:-300px; top:340px; width:300px;}



.jnk_jnk_content2visual .jnk_contents05 .all_text{left:50%; margin-left:-150px;top:80px; position:absolute; width:300px;}

.jnk_jnk_content2visual .jnk_contents06 .all_text{left:50%; margin-left:-150px;top:250px; position:absolute; width:300px;}


.jnk_jnk_content2visual .jnk_contents06 .jnk_text05{ position:absolute; left:100px;top:400px; }
.jnk_jnk_content2visual .jnk_contents06 .jnk_text06{ position:absolute; left:280px;top:400px; }
.jnk_jnk_content2visual .jnk_contents06 .jnk_text07{ position:absolute; left:460px; top:400px;}

.jnk_contents01 img,.jnk_contents02 img,.jnk_contents03 img,.jnk_contents04 img,.jnk_contents05 img,.jnk_contents06 img {width:100%; max-width:300px;}




	
	

	
}
	
@media (max-width: 640px) {


}
@media (max-width: 480px) {
	
}
@media (max-width: 320px) {
	
}







/* 메인 이미지 슬라이드 비주얼 끝 */









/******여기부터 개별 css 적용*******/







@media (max-width: 1920px) {
	
}
@media (max-width: 1680px) {
	
}
@media (max-width: 1600px) {
	
}
@media (max-width: 1440px) {
	
}
@media (max-width: 1280px) {




	
	
	.

}
@media (max-width: 1024px) {
	
}
	
@media (max-width: 950px) {
	
	

}
	
@media (max-width: 640px) {


}
@media (max-width: 480px) {
	
}
@media (max-width: 320px) {
	
}






/********퀵*************/

	.q_btn_size{width:60px;}

#qu_k{ width:90px; 
position: absolute; right:0px; z-index:999; 

}



#qu_k:hover{ width:90px;   }
.qu_ks{  width:90px; height:85px; overflow:hidden; }

.qu_ks img{width:180px; opacity:1;}

.qu_ks:hover{  width:90px; height:85px; overflow:hidden; }

#qu_k1{}

/*
 .pop-lay2,.pop-lay3,.pop-lay4,.pop-lay5,.pop-lay6,.pop-lay7{
    animation-name:pop-lay; 
    animation-duration: 0.8s;
    animation-iteration-count:1;
    animation-direction: reverse;
    animation-timing-function: linear;
	opacity:0;
  
    animation-delay: 0.1s;
	animation-fill-mode:forwards;
	animation-timing-function :ease-in-out;



	}

@keyframes pop-lay {
    from {opacity:1; left:0px; }
	 to {opacity:0; left:100%;}
}

*/

/******/
.pop-lay2 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay2 .pop-container2 {width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay2 p.ctxt {color: #666; line-height: 25px;}

.pop-lay2 .btn-r2 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn2 {} 
a.cbtn2:hover {transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
a.cbtn2:hover {  border:1px solid #333; background-color:#666; color:#fff;}

/******/

.pop-lay3 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay3 .pop-container3 {width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay3 p.ctxt {color: #666; }

.pop-lay3 .btn-r3 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn3 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn3:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts3{}
	
	
	/*******/
	
	
.pop-lay4 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay4 .pop-container4 { width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay4 p.ctxt {color: #666; }

.pop-lay4 .btn-r4 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn4 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn4:hover {transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts4{}
	
	
	/************/
	
	
	
.pop-lay5 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay5 .pop-container5 { width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay5 p.ctxt {color: #666; }

.pop-lay5 .btn-r5 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn5 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn5:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts5{}
	
	
	/************/
	
	
.pop-lay6 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay6 .pop-container6 { width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay6 p.ctxt {color: #666; }

.pop-lay6 .btn-r6 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn5 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn5:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts6{}
	
	
	/**************/
	
	
	
.pop-lay7 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); left:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000000000000000;}  

.pop-lay7 .pop-container7 { width:100%; max-width:500px; height:550px; background:#fff; position:absolute; right:90px; top:170px;}

.pop-lay7 p.ctxt {color: #666; }

.pop-lay7 .btn-r7 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn7 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn7:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts6{}
	

	
	
@media (max-width: 1920px) {
	
}
@media (max-width: 1680px) {
	
}
@media (max-width: 1600px) {
	
}
@media (max-width: 1440px) {
	
	.q_btn_size{width:60px;}

#qu_k{ width:70px; 
position: absolute; right:0px; z-index:999; 

}



#qu_k:hover{ width:70px;   }
.qu_ks{  width:70px; height:66px; overflow:hidden; }

.qu_ks img{width:140px; opacity:1;}

.qu_ks:hover{  width:70px; height:66px; overflow:hidden; }
	
	
}
@media (max-width: 1280px) {
/********퀵*************/

	
	

}
@media (max-width: 1024px) {
	
}
	
@media (max-width: 950px) {
	


#qu_k{ width:100%; height: auto;
position: fixed !important; right:0% !important; margin-right:-0px; bottom:0px !important;  z-index:999; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#qu_k:hover{  width:100%; height: auto;
position: fixed !important; right:0%; margin-right:-0px;  bottom:0px  !important; z-index:999; background:#fff;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }
.qu_ks{  width:20%; height: auto;overflow:hidden;background:#f1f1f1; float:left; }
#qu_k001,#qu_k002{display:none;}
.qu_ks:hover{  width:20%;height: auto; overflow:hidden;background:#c598a0;}

.qu_ks img{width:200%;}

#qu_k1{}



/******/
.pop-lay2 {display:none; position: fixed; top:40%; right:0px; width:120px; height:auto; min-height:200px;  background-color:#fff;  z-index: 1000000;}  

.pop-lay2 .pop-container2 {width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay2 p.ctxt {color: #666; line-height: 25px;}

.pop-lay2 .btn-r2 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn2 {} 
a.cbtn2:hover {transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
a.cbtn2:hover {  border:1px solid #333; background-color:#666; color:#fff;}

/******/

.pop-lay3 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay3 .pop-container3 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay3 p.ctxt {color: #666; }

.pop-lay3 .btn-r3 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn3 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn3:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts3{}
	
	
	/*******/
	
	
.pop-lay4 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay4 .pop-container4 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay4 p.ctxt {color: #666; }

.pop-lay4 .btn-r4 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn4 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn4:hover {transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts4{}
	
	
	/************/
	
	
	
.pop-lay5 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay5 .pop-container5 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay5 p.ctxt {color: #666; }

.pop-lay5 .btn-r5 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn5 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn5:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts5{}
	
	
	/************/
	
	
.pop-lay6 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); right:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000;}  

.pop-lay6 .pop-container6 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px; overflow-y:scroll; overflow-x:hidden;}

.pop-lay6 p.ctxt {color: #666; }

.pop-lay6 .btn-r6 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn5 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn5:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts6{}
	
	
	/**************/
	
	
	
.pop-lay7 {display:none; position: fixed; top:0px; background:url(../img/pop_bg.png); left:0px; width:100%; height:auto; min-height:1200px;   z-index: 1000000000000000000;}  

.pop-lay7 .pop-container7 { width:95%;  max-width:500px; height:480px; background:#fff; position:absolute; right:2.5%; margin-right:0px; top:20px;overflow-y:scroll; overflow-x:hidden;}

.pop-lay7 p.ctxt {color: #666; }

.pop-lay7 .btn-r7 {width: 100%; margin:0px; padding-top: 0px;  text-align:right; text-decoration:none;}

a.cbtn7 { position:absolute; top:0px; right:0px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;} 

a.cbtn7:hover {transform: rotate(180deg)
;-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	.pop-conts6{}
	
	
	
}
	
@media (max-width: 640px) {


}
@media (max-width: 480px) {
	
}
@media (max-width: 320px) {
	
}


	
	
	
	/***********퀵 종료******/
/**상담폼***/

.ed4 { height:38px !important; width:300px!important; padding:2px !important; font-size:14px; color:#333; border:none !important; background-color:#fff !important; margin-bottom:1px; width:100%; font-family: 'Noto Sans Korean', sans-serif;}
.ed5 { height:100px !important; padding:2px;  font-size:14px; color:#333; border:none; background-color:#fff; margin-bottom:1px; width:300px !important; font-family: 'Noto Sans Korean', sans-serif;}

#new_fom{ width:100%; background:#595959 url(../images/7.jpg) 50%; height:165px; padding:20px 0 20px 0;}
#new_fom_size{width:1250px; margin:0 auto; position:relative; color:#fff !important;}
#new_fom_size a{color:#fff !important; font-size:14px;}
.eff_fom{position:absolute; left:100px;}
#eff_fom_cont1{ position:absolute; top:20px; left:120px; max-width:300px !important;}
#eff_fom_cont2{position:absolute;  top:0px; left:350px; max-width:298px;}
#eff_fom_cont3{position:absolute; top:0px; left:700px;  max-width:300px; width:200px;  height:70px; background:#999; padding-top:60px;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
#eff_fom_cont3:hover{position:absolute; top:-20px; left:720px;  max-width:300px; width:160px;  height:90px; background:#888; padding-top:70px;
transform:rotate(360deg)
;-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
border-radius:50%;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

.fomma{height:5px;}
.fom_text_a{position:absolute; left:0px; top:20px; color:#fff; font-size:20px; letter-spacing:2px; width:100px;}
.fom_img_ma{margin-top:10px;}

/**상담폼***/



@media (max-width: 1920px) {
	
}
@media (max-width: 1680px) {
	
}
@media (max-width: 1600px) {
	
}
@media (max-width: 1440px) {
	
}
@media (max-width: 1280px) {

.ed4 { height:38px !important; width:300px!important; padding:2px !important; font-size:14px; color:#333; border:none !important; background-color:#fff !important; margin-bottom:1px; width:100%; font-family: 'Noto Sans Korean', sans-serif;}
.ed5 { height:100px !important; padding:2px;  font-size:14px; color:#333; border:none; background-color:#fff; margin-bottom:1px; width:300px !important; font-family: 'Noto Sans Korean', sans-serif;}

#new_fom{ width:100%; margin:0 auto; background:#595959; height:465px; padding:20px 0 20px 0;}
#new_fom_size{width:300px; margin:0 auto; position:relative; color:#fff !important;}
#new_fom_size a{color:#fff !important; font-size:14px;}
.eff_fom{position: relative; left:0px;}
#eff_fom_cont1{ position: relative; top:0px; left:0px; max-width:300px !important;}
#eff_fom_cont2{position: relative;  top:10px; left:0px; max-width:298px;}
#eff_fom_cont3{position: relative; top:20px; left:0px;  max-width:300px; width:100%;  height:40px; background:#999; padding-top:20px;}
#eff_fom_cont3:hover{position: relative; top:20px; left:0px;  max-width:330px; width:80%;  height:40px; background:#888; padding-top:20px;
transform:rotate(0deg);-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
border-radius:0%;

-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.nonef{display:none;}
.fomma{height:5px;}
.fom_text_a{position: relative; left:0px; top:20px; color:#fff; font-size:20px; letter-spacing:2px; width:100%; height:80px;}
.fom_img_ma{margin-top:-15px; margin-left:60px; width:50px;}

}
@media (max-width: 1024px) {
	
}
	
@media (max-width: 950px) {
	
}
	
@media (max-width: 640px) {


}
@media (max-width: 480px) {
	
}
@media (max-width: 320px) {
	
}



/**푸더***/

#add_zone{ max-width:1250px; margin:0 auto; padding:50px 0 100px 0; color:#fff; font-size:14px; word-break:break-all; }
.add_text{color:#fff;}

#add_link_zone{ max-width:1250px; margin:0 auto; height:80px; line-height:80px; font-size:14px; }
#add_link_zone li{ float:left; width:150px; border-right:1px solid #222; text-align:center; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;}
	#add_link_zone li a{ color:#fff;}
#add_link_zone li a:hover{text-decoration:none;}
#add_link_zone li:hover{ background:#333; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;  text-decoration:none; }
#add_link_zone li:first-child{  border-left:1px solid #222;}
.border_line_gray{border-bottom:1px solid #222; width:100%;}
#fom_wp{width:100%; height:auto; position:relative;}
.m_on{display: none;}
/**푸더***/

@media (max-width: 1280px) {
.m_on{display:block;}
#add_zone{ max-width:100%; margin:0 auto; padding:20px 0 90px 0; color:#333; font-size:14px; word-break:break-all; text-align:center; }
.add_text{color:#666; text-align:center;}
#add_link_zone{ max-width:1250px; margin:0 auto; height:40px; line-height:40px; font-size:14px; }
#add_link_zone li{ float:left; width:32.8%; border-right:1px solid #222; text-align:center; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;}
#add_link_zone li a:hover{text-decoration:none;}
#add_link_zone li:hover{ background:#333; -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;  text-decoration:none; }
#add_link_zone li:first-child{  border-left:1px solid #222;}
.border_line_gray{border-bottom:1px solid #222; width:100%;}
#fom_wp{width:100%; height:auto; position:relative;}


}
@media (max-width: 1024px) {
	
}
	
@media (max-width: 950px) {
	
}
	
@media (max-width: 640px) {


}
@media (max-width: 480px) {
	
}
@media (max-width: 320px) {
	
}



.sub_titles1{background:url(../img/1.jpg) 60% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}
.sub_titles2{background:url(../img/1.jpg) 50% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}
.sub_titles3{background:url(../img/1.jpg) fixed 50% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}
.sub_titles4{background:url(../img/1.jpg) 60%; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}
.sub_titles5{background:url(../img/1.jpg) 30% ; width:100%; max-width:2000px; height:150px; position:relative;background-size: cover;}
.sub_titles6{background:url(../img/1.jpg) 60% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}

.sub_titles7{background:url(../img/sub8.jpg) 40% ; width:100%; max-width:2000px; height:150px; position:relative; background-size: cover;}

.masthead {
    position: relative;
    min-width: 300px;
	height:150px !important;
	z-index:1;
	overflow:hidden;
	margin-top:0px;
	
	
	
}
.masthead-video {
    z-index: 0;
}
.masthead-overlay {
    background-color:#000;
    opacity: 0.5;
	filter: alpha(opacity=50); 
	 -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
	
width: 100%;
height:150px;
  
}


.masthead-arrow {
    position: absolute;
	top:40px;
      
    left:350px !important;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 50px;
    height: 50px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    opacity: 1;
	display:none;
	
	
}



.text_111 {
    position: absolute;
    width: 100%;
     -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
  
    letter-spacing: -0.06em;
    font-size: 3em;
    text-align: center;
	left:0%;
 

    top: 70px;
    bottom: 0;
    margin: auto;
    color: #fff;
    opacity: 1;
}









@media (max-width: 900px) {
	
.text_111 {
    position: absolute;
    width: 100%;
     -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
  
    letter-spacing: -0.06em;
    font-size: 3em;
    text-align: center;
	left:0%;
 

    top: 30px;
    bottom: 0;
    margin: auto;
    color: #fff;
    opacity: 1;
}





}


/*********서브공통********/




	
  .jbFixed {
        position: fixed;
        top:-1px !important;
		left:174px !important;
		z-index:100 !important;
		width:100%;
		background:#fff;

		width:174px;
		height:1200px;
		
	 padding-top:143px;
	
		
		
	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
		
		 
		
		
      }
	  
	    .jbFixed:hover {
      
		left:174px !important;
		z-index:100 !important;
	
		
	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
		
		 
	
		
      }
	  


  

/***********/
#bo_cate2{width:100%; max-width:1000px; margin:0 auto;  }
#bo_cate2 li{ float:left;}
#bo_cate2 a {display:block;position:relative;margin-left:-1px;padding:15px 0 15px;width:120px;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer; background:url(../img/menu/menu_ov.jpg);   background-position:0px 0px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
#bo_cate2 a:focus, #bo_cate2 a:hover, #bo_cate2 a:active {text-decoration:none;background:url(../img/menu/menu_ov.jpg);   background-position:-0px -66px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#fff;}
#bo_cate2 #bo_cate_on {z-index:2; background:url(../img/menu/menu_ov.jpg);   background-position:-0px -66px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;color:#fff;font-weight:bold}

/***********/
@media (max-width:550px) {
#bo_cate2{width:100%; max-width:340px; margin:0 auto;}
#bo_cate2 li{ float:left;}
#bo_cate2 a {display:block;position:relative;margin-left:-1px;padding:15px 0 15px;width:32%; min-width:110px; color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer; background:url(../img/menu/menu_ov.jpg);   background-position:0px 0px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; display:block;}
#bo_cate2 a:focus, #bo_cate2 a:hover, #bo_cate2 a:active {text-decoration:none;background:url(../img/menu/menu_ov.jpg);   background-position:-0px -66px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; color:#fff;}
#bo_cate2 #bo_cate_on {z-index:2; background:url(../img/menu/menu_ov.jpg);   background-position:-0px -66px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;color:#fff;font-weight:bold}
}

.leftNav_wrap4 { position:fixed; left:174px; top:0px; padding-top:143px; overflow:hidden; background:#fff; margin:0 auto; display:block; height:1200px; max-width:174px;   z-index:90; width:auto;  
}
.left_nav4 {  height:100%;  position:relative; overflow:hidden; vertical-align:top;  }
.left_nav4 .wrap4 { float:left; overflow:hidden;  height:100%;  position:relative; }

.nones{display:none;}

.all_sub_size #bo_cate { display:block; width:100%;   -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

.all_sub_size #bo_cate h2 { overflow:hidden;}
.all_sub_size #bo_cate ul { position:relative; z-index:100; width:100%; margin:0 auto;  color:#333;}
.all_sub_size #bo_cate ul:after {display:block; visibility:hidden; clear:both; content:"";}
.all_sub_size #bo_cate li {  float:left; width:174px;   color:#fff !important; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; border-bottom:#f1f1f1 solid 1px; }
.all_sub_size #bo_cate li a{height:60px; line-height:60px !important; font-size:14px !important;  font-size:14px;   font-family: 'Noto Sans Korean', sans-serif; font-weight:500;}

.all_sub_size #bo_cate a {display:block; position:relative; margin-left:-1px;  text-align:center;  cursor:pointer;    background-position:0px 0px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }
.all_sub_size #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;    color:#f1f1f1; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  background:#c9a46c !important;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; text-decoration:none;}




@media (max-width:1500px) {
	
	
	


	
}

@media (max-width:1280px) {
	
  .jbFixed {
        position: relative;
        top:-1px !important;
		left:0px !important;
		z-index:100 !important;
		width:100%;
		background:#fff;

		width:100%;
		height: auto;;
		
	 padding-top:0px;
	
		
		
	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
		
		 
		
		
      }
	  	
.leftNav_wrap4 { position: relative; left:0px; top:0px; padding-top:0px; overflow:hidden; background:#fff; margin:0 auto; display:block; height: auto; max-width:100%;   z-index:90; width:100%; max-height:200px;  
}	
	


	
}


@media (max-width:950px) {


  .jbFixed {
        position: relative;
        top:0px !important;
		left:1px !important;
		z-index:10000000000 !important;
		width:100%;
	background:url(../img/all/sub_sroll_bg.png);
		width: auto;
		height: auto;
		
	
	
		
		
	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
		
		 
		
		
      }
	  
	    .jbFixed:hover {
      
		left:0px !important;
		z-index:10000000000 !important;
	
		
	  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
		
		 
	
		
      }
	  






.leftNav_wrap4 { overflow:hidden; margin:0 auto; display:block; height:auto; max-width:100%;   z-index:90; width:auto;  font-size:13px !important; font-weight:bold; font-family: "Noto Sans KR", sans-serif; 
}
.left_nav4 {  height:100%;  position:relative; overflow:hidden; vertical-align:top;  }
.left_nav4 .wrap4 { float:left; overflow:hidden;  height:100%;  position:relative; }

.nones{display:none;}

.all_sub_size #bo_cate { display:block; width:100%;   -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}

.all_sub_size #bo_cate h2 { overflow:hidden;}
.all_sub_size #bo_cate ul { position:relative; z-index:100; width:100%; margin:0 auto;  color:#333;}
.all_sub_size #bo_cate ul:after {display:block; visibility:hidden; clear:both; content:"";}
.all_sub_size #bo_cate li {  float:left; width:33%; min-width:110px;   color:#eee !important; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; border-right:1px solid #f1f1f1;}
.all_sub_size #bo_cate li a{height:50px; line-height:50px !important;  }

.all_sub_size #bo_cate a {display:block; position:relative; margin-left:-1px;  text-align:center; letter-spacing:-0.1em; line-height:1.2em; cursor:pointer;  -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }
.all_sub_size #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none; background:#c9a46c;    color:#f1f1f1; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}




}
/****************/











/************/
.hive_b,.mbskin{ width:100%;  margin:0 auto; padding:30px 0px 30px 0px; max-width:1000px; font-family: 'Noto Sans Korean', sans-serif; line-height:14px; font-size:14px !important; font-weight:350; word-break:break-all;}
.bd{width:100%;  margin:0 auto; padding:30px 0px 30px 0px;max-width:1000px;}
.all_board_size{width:80%; max-width:1000px; margin:0 auto; padding:30px 0px 30px 0px;max-width:1000px;}

.all_sub_size{width:100%; margin:0 auto; padding:0px 0px 0px 0px;}
.board_headss{}


@media screen and (max-width:1550px){	
#footer{background:url(../img/fast_bg.jpg) 20%; width:100%; height:345px; position:relative;}

.all_board_size {width:75%; padding:80px 0% 30px 0px; display:block; margin: 0  auto;min-width:1000px;}

}

@media screen and (max-width:1050px){	

.hive_b,.mbskin{ width:90% !important; max-width:1800px; margin:30px 66px 30px 0px;min-width:200px;}
.bd{ width:90% !important; max-width:1800px; margin:30px 66px 30px 0px;min-width:200px;}
.all_board_size{width:90%; max-width:1800px; margin:0 auto; padding:30px 66px 30px 0px;min-width:200px;}
.all_sub_size{width:100%; max-width:1800px; margin:0 auto; padding:0px 0px 0px 0px;}


}

@media screen and (max-width:900px){
	.board_headss{margin-top:50px}	

.hive_b,.mbskin{ width:95% !important; max-width:1800px; margin:0 auto; min-width:200px; font-family: 'Noto Sans Korean', sans-serif; line-height:13px; font-size:13px !important; font-weight:350; padding:50px 0px 0px 0px;}
.bd{width:95%!important; max-width:1800px; margin:0 auto; min-width:200px;}
.all_board_size{width:95%; max-width:1800px; margin:0 auto; padding:0px 0px 0px 0px;min-width:200px;}
.all_sub_size{width:95%; max-width:1800px; margin:0 auto; padding:0px 0px 0px 0px;}


.all_sub_size img{margin-left:0px !important} 
}



.board_title{background: url("../img/sub_title2.jpg") no-repeat 30%; width: 100%; height: 257px; overflow: hidden !important; display:none;}
.sub1_title{background: url("../img/sub1/sub1_title.jpg") no-repeat 10%; width: 100%; height: 257px; overflow: hidden !important;}

@media screen and (max-width:700px){	
.board_title{background: url("../img/sub_title2.jpg") no-repeat 30%; width: 100%; height: 257px; overflow: hidden !important; display:none; background-size:cover;}
.sub1_title{background: url("../img/sub1/sub1_title.jpg") no-repeat 10%; width: 100%; height: 257px; overflow: hidden !important; display:none;}

}
@keyframes chevronAnimation {
	0% {
		transform: translate(0,0) scale(1.0,1.0);
	}
	50% {
		transform: translate(0,5px) scale(0.8,0.8);
	}
	100% {
		transform: translate(0,0) scale(1.0,1.0);
	}
}


	.fromTopIn
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
  
	transition: transform 0.7s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
  
	transition: transform 0.7s ease, opacity 0.5s ease;
	
	transform: translate(0,-50px);
	opacity: 0.0;
}

	.fromTopIn_main
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
  
	transition: transform 0.7s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut_main
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
  
	transition: transform 0.7s ease, opacity 0.5s ease;
	
	transform: translate(0,-10px);
	opacity: 1.0;
}


	.fromTopIn2
{  
  
	transition: transform 0.8s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut2
{  
  
	transition: transform 0.8s ease, opacity 0.5s ease;
	
	transform: translate(0,-50px);
	opacity: 0.0;
}

	.fromTopIn3
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
  
	transition: transform 1.2s ease, opacity 1.3s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut3
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    transition: 0.5s ease all;
  
	transition: transform 1.2s ease, opacity 1.3s ease;
	
	transform: translate(0,-50px);
	opacity: 0.0;
}



	.fromTopIn4
{  
  
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.fromTopOut4
{
  
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(0.9,0.9);
	opacity: 1.0;
}


.fromTopIn5
{  -webkit-transition: 0.8s ease all;
    -moz-transition: 0.8s ease all;
   transition: 0.5s ease all;
  
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut5
{  -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
     transition: 0.5s ease all;
  
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(-50px,0);
	opacity: 0.8;
}

}




.fromBottomIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,50px);
	opacity: 0.5;
}

.fromLeftIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(-50px,0);
	opacity: 0.5;
}

.fromRightIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(50px, 0);
	opacity: 0.5;
}

.scaleUpIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	transform: scale(1.3,1.3);
	opacity: 0.5;
}

.scaleDownIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(0.7,0.7);
	opacity: 0.5;
}

@media screen and (max-width:900px){	

	@keyframes chevronAnimation {
	0% {
		transform: translate(0,0) scale(1.0,1.0);
	}
	50% {
		transform: translate(0,5px) scale(0.8,0.8);
	}
	100% {
		transform: translate(0,0) scale(1.0,1.0);
	}
}


	.fromTopIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	transform: translate(0,-10px);
	opacity: 0.5;
}

.fromBottomIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.5;
}

.fromBottomOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,10px);
	opacity: 0.5;
}

.fromLeftIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.;
}

.fromLeftOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(-100px,0);
	opacity: 0.0;
}

.fromRightIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(0,0);
	opacity: 1.5;
}

.fromRightOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: translate(10px, 0);
	opacity: 0.5;
}

.scaleUpIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(1.3,1.3);
	opacity: 0.5;
}

.scaleDownIn
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transition: transform 0.3s ease, opacity 0.5s ease;
	
	transform: scale(0.7,0.7);
	opacity: 0.0;
}}






















.thumbnailWrapper { width:100%; max-width:1160px; margin:0px auto; } /* not important */
		
		.thumbnailWrapper ul { 
			list-style-type: none;
			float:left;
			max-width:580px; /* remove the default style for list items (the circles) */ 
			margin:0px 10px 0 0; /* remove default margin */
			padding:0px; /* remove default padding */
		}
		.thumbnailWrapper ul li {
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			background:#000;
			
			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
			overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
			
		}
		
		.thumbnailWrapper ul li a img { 
			 /* not important, the pics we use here are too big */
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
		}
		
		.caption{
			position:absolute; /* needed for positioning */
			bottom:0px; /* bottom of the list item (container) */
			left:0px; /* start from left of the list item (container) */
			width:100%; /* stretch to the whole width of container */
			display:none; /* hide by default */
			/* styling bellow */
			background: rgba(0, 0, 0, 0.5);
			padding:15% 0 15% 0;
			color:white;
			opacity:1;
		}
		@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

		.caption .captionInside{
			font-family: "Noto Sans KR", sans-serif;
			/* just styling */
			padding:10px;
			margin:0px;
			text-align:center;
			text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		}
		.title_mains{font-size:30px; font-weight:bolder;}
		.mar20{ height:20px;}
		.mar150{ height:150px;}
		.engs{letter-spacing:5px;}
		.clear { clear:both; } /* to clear the float after the last item */
		.main11 { background:url(http://hive04.kanajino9294.gethompy.com/images/main/bg.png);}
		.main22 li {max-width:270px !important; height:270px !important; overflow:hidden; margin:0px 10px 10px 0;}
		.main22 li .title_mains{font-size:20px; font-weight:bolder;}
		
		.main22 li .engs{letter-spacing:2px;font-size:8px;}
		
		.main_doctor{width:100%; background:url(http://hive04.kanajino9294.gethompy.com/images/main/main_doc.jpg) 70% fixed; height:580px; background-size: cover} 
.doctor_size{width:1100px; margin:0 auto; position:relative;}
.doctor_links{width:100%; max-width:550px; position:absolute; right:0px; top:150px;}
.btn_eff{width:50%;}



.footer_area{width:100%; height:auto; background: #000; }


		
		@media (max-width: 900px) {
		


.thumbnailWrapper { width:100%; max-width:320x; margin:0px auto; position:relative; left:50%; margin-left:-150px; top:30px;} /* not important */
		
		.thumbnailWrapper ul { 
			list-style-type: none;
			float:left;
			max-width:320px; /* remove the default style for list items (the circles) */ 
			margin:0px 10px 0 0; /* remove default margin */
			padding:0px; /* remove default padding */
		}
		.thumbnailWrapper ul li {
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			background:#000;
			
			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
			overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
			
		}
		
		.thumbnailWrapper ul li a img { 
			 /* not important, the pics we use here are too big */
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
		}
		
		.caption{
			position:absolute; /* needed for positioning */
			bottom:0px; /* bottom of the list item (container) */
			left:0px; /* start from left of the list item (container) */
			width:100%; /* stretch to the whole width of container */
			display:none; /* hide by default */
			/* styling bellow */
			background: rgba(0, 0, 0, 0.5);
			padding:15% 0 15% 0;
			color:white;
			opacity:1;
		}
		@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );

		.caption .captionInside{
			font-family: "Noto Sans KR", sans-serif;
			/* just styling */
			padding:10px;
			margin:0px;
			text-align:center;
			text-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		}
		.title_mains{font-size:20px; font-weight:bolder;}
		.mar20{ height:0px;}
		.mar150{ height:0px;}
		.engs{letter-spacing:1px; font-size:8px;}
		.clear { clear:both; } /* to clear the float after the last item */
		.main11 { background:url(http://hive04.kanajino9294.gethompy.com/images/main/bg.png);}
		.main11 li{max-width:300px !important; height:300px !important; overflow:hidden; margin:0px 0px 10px 0; margin:0 auto;}
		.main11 li img{ margin-top:-120px; margin-left:-80px; width:150%;}
		.main22 li {max-width:150px !important; height:150px !important; overflow:hidden; margin:0px 0px 10px 0; margin:0 auto; }
		.main22 li .title_mains{font-size:20px; font-weight:bolder;}
		
		.main22 li .engs{letter-spacing:1px;font-size:5px;}
		.main22 li img{width:200%;}
		.main_doctor{width:100%; background:url(http://hive04.kanajino9294.gethompy.com/images/main/main_doc.jpg) 60% fixed; height:380px; overflow:hidden; background-size:cover;} 
.doctor_size{width:100%; margin:0 auto; position:relative;}
.doctor_size img{}
.doctor_links{width:100%; max-width:300px; position: absolute; right:50%; margin-right:-150px;  top:120px; z-index:1000;}
.btn_eff{width:50%;}
.doc_size{width:300px; margin:0 auto; display:block;}


.footer_area{width:100%; height:auto;}

	
		
		}